.chatList-item {
  display: flex;
  align-items: flex-start;
  padding: 2.29vw 1.665vw 0vw 1.665vw;

  &-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 3.33vw;
    min-width: 14.4271vw;
    max-width: 14.4271vw;
    border-radius: 0.2vw;
    padding: 0.625vw 0.625vw 0vw 0.625vw;
    background-color: #ffffff;
    color: #333333;
    font-size: 1.145vw;
    line-height: 1.35vw;
    z-index: 10;

    &-title {
      margin-bottom: 0.3125vw;
      color: #000000;
      font-size: 1.145vw;
      font-weight: 500;
      line-height: 1.35vw;
    }

    &-list {
      margin-bottom: 0.4167vw;
    }

    &-messages {
      margin-bottom: 0.2083vw;
      color: #999999;
      font-size: 0.8333vw;
      font-weight: 500;
      line-height: 0.9896vw;
    }

    &-bottom {
      display: flex;
      align-items: center;
      min-height: 1.9792vw;
      border-top: 1px solid #F0F0F0;
      color: #666666;
      font-size: 0.7292vw;
      line-height: 0.8333vw;
    }
  }
}
